@import 'origin.less';

@import 'varList.less';

@import 'fnList.less';

body{
    .skeleton();
}
@{header}{
    .history-header{
        .width();
        .flexible(45,height);
        .flexible(18,padding);
        .box-sizing();
        @{background}:#1448AE;
        .flexible(17,font-size);
        .flex();
        .flex-justify();
        .flex-align();
        img{
            .flexible(17,height);
            .cursor();
        }
        .read-history{
            .color(#fff);
        }
        .btn-clear{
            .color(#fff);
            .border-none();
            .background-none();
        }
    }
}

@{section}{
    aside{
        .width();
        .box-sizing();
        .padding-space(8,15);
        .flexible(15,font-size);
        .history-day{
            .history-time{
                .flexible(5,margin-bottom);
            }
            .today-trip{
                .flex();
                .flex-justify();
                position: relative;
                .flexible(10,margin-bottom);
                .icon-flag{
                    .flexible(25,width);
                    .flexible(25,height);
                    border-radius: 50%;
                    background:#1ab2db url("../images/icon/flag.png") center no-repeat;
                    background-size:60%;
                    .flexible(14,margin-right);
                    .flexible(8,margin-top);
                }
                ul{
                    .flex();
                    .flex-justify();
                    .flex-align();
                    width:95%;
                    .flexible(80,height);
                    .flexible(8,border-radius);
                    @{background}:#f4f4f4;
                    .padding-space(8,10);
                    // .box-sizing();
                    li{
                        .color(#666666);
                        img{
                            .flexible(67,width);
                            .flexible(8,border-radius);
                        }
                        p{
                            .price{
                                .color(#f78513);
                                .flexible(17,font-size);
                            }
                        }
                    }
                }
                .arrowhead{
                    .flexible(15,width);
                    .flexible(15,height);
                    @{background}:#f4f4f4;
                    transform:rotate(45deg);
                    position: absolute;
                    .flexible(33,left);
                    .flexible(12,top);
                    z-index:-10;
                }
                .line-trip{
                    .flexible(1,width);
                    .flexible(105,height);
                    @{background}:#cccccc;
                    position: absolute;
                    .flexible(10,left);
                    .flexible(12,top);
                    z-index:-20;
                }
            }
        }
        .history-day:nth-of-type(3){
            .flexible(63,margin-bottom);
        }
    }
}

@{footer}{
    .width();
    .flexible(50,height);
    .flexible(11,font-size);
    .box-sizing();
    .padding-space(8,24);
    @{background}:#ededed;
    .position-footer();
    ul{
        .flex();
        .flex-justify();
        .flex-align();
        li{
            a{
                .block();
                .textalign();
                .color(#666);
                span{
                    .block();
                    .flexible(26,width);
                    .flexible(23,height);
                    .margin(0);
                }
                .img-index{
                    background:url('../images/icon/footer_0322_05.png') no-repeat;
                    .backgroundSize(100%,100%);
                }
                .img-search{
                    background:url('../images/icon/footer_0322_06.png') no-repeat;
                    .backgroundSize(100%,100%);
                }
                .img-history-active{
                    background:url('../images/icon/footer_0322_03.png') no-repeat;
                    .backgroundSize(100%,100%);
                }
                .img-myinfo{
                    background:url('../images/icon/footer_0322_08.png') no-repeat;
                    .backgroundSize(100%,100%);
                }
                p{
                    .letter-spacing(2);
                }
            }
            .history{
                p{
                    .color(#1448AE);
                }
            }
        }
    }
}